@for $i from 1 through 4 {
    .theme-#{$i} {

        .el-breadcrumb__inner a:hover,
        .el-breadcrumb__inner.is-link:hover {
            color: nth($button_focus_hover, $i);
            cursor: pointer
        }
        .el-breadcrumb__inner a:focus,
        .el-breadcrumb__inner.is-link:focus {
            color: nth($button_focus_click, $i);
            cursor: pointer
        }
    }
}

.el-breadcrumb {
    font-size: 14px;
    line-height: 1
}

.el-breadcrumb::after,
.el-breadcrumb::before {
    display: table;
    content: ""
}

.el-breadcrumb::after {
    clear: both
}

.el-breadcrumb__separator {
    margin: 0 9px;
    font-weight: 700;
    color: #C0C4CC
}

.el-breadcrumb__separator[class*=icon] {
    margin: 0 6px;
    font-weight: 400
}

.el-breadcrumb__item {
    float: left
}

.el-breadcrumb__inner {
    color: #232638
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
    transition: color .2s cubic-bezier(.645, .045, .355, 1);
    color: #232638
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    font-weight: 700;
    color: #232638;
    cursor: text
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none
}